<!-- 机构端-我的-内训记录 -->
<template>
  <view class="record-container">    
    <!-- 申请记录列表 -->
    <view class="record-list">
      <!-- 记录项1 -->
      <view class="record-item">
        <view class="record-header">
          <text class="record-title">护理员实操培训</text>
					<text class="info-label">参与人数：5</text>
        </view>
        
        <view class="record-content">
          <text class="record-desc">需求说明需求说明需求说明需求说明超出换行</text>
          
          <view class="info-row">
            <text class="info-label">联系人：</text>
            <text class="info-value">XXX 1566666666</text>
          </view>
          
          <view class="info-row">
            <text class="info-label">联系微信：</text>
            <text class="info-value">2131545</text>
          </view>
          
          <view class="info-row">
            <text class="info-label">申请时间：</text>
            <text class="info-value">5月26日 00:00:00</text>
          </view>
        </view>
      </view>
      
      <!-- 分隔线 -->
      <u-line color="#cfcfcf" margin="30rpx 0"></u-line>
      
      <!-- 记录项2 -->
      <view class="record-item">
        <view class="record-header">
          <text class="record-title">培训主题</text>
					<text class="info-label">参与人数：5</text>
        </view>
        
        <view class="record-content">
          <text class="record-desc">需求说明</text>
          
          <view class="info-row">
            <text class="info-label">联系人：</text>
            <text class="info-value">XXX 1566666666</text>
          </view>
          
          <view class="info-row">
            <text class="info-label">联系微信：</text>
            <text class="info-value">2131545</text>
          </view>
          
          <view class="info-row">
            <text class="info-label">申请时间：</text>
            <text class="info-value">5月26日 00:00:00</text>
          </view>
        </view>
      </view>
      
      <!-- 分隔线 -->
      <u-line color="#eee" margin="30rpx 0"></u-line>
      
      <!-- 参与人数 -->
<!--      <view class="info-row" style="padding: 20rpx 0;">
        <text class="info-label">参与人数：</text>
        <text class="info-value">5</text>
      </view>
      -->
      <!-- 分隔线 -->
      <u-line color="#eee" margin="30rpx 0"></u-line>     

    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      records: [
        {
          title: "护理员实操培训",
          desc: "需求说明需求说明需求说明需求说明超出换行",
          contact: "XXX 1566666666",
          wechat: "2131545",
          time: "5月26日 00:00:00"
        },
        {
          title: "培训主题",
          desc: "需求说明",
          contact: "XXX 1566666666",
          wechat: "2131545",
          time: "5月26日 00:00:00"
        }
      ],
      participants: 5,
      wechatUser: "微信用户TZN"
    }
  },
	onShow() {
		this.getJgnxList()
	},
	methods:{
		getJgnxList() {
			this.$u.api.queryjgnxlist({
				"usercode": uni.getStorageSync('usercode')
			}).then(res => {
				cosnsole.log('查询内训 ：', res)
			})
		},
	}
}
</script>

<style lang="scss" scoped>
.record-container {
  padding: 30rpx;
  background-color: #f5f7fa;
  min-height: 100vh;
}

.page-header {
  margin-bottom: 30rpx;
  
  .page-title {
    font-size: 36rpx;
    font-weight: bold;
    color: #333;
  }
}

.record-list {
  background-color: #fff;
  border-radius: 12rpx;
  padding: 0 30rpx;
}

.record-item {
  padding: 30rpx 0;
  
  .record-header {
    margin-bottom: 20rpx;
		display: flex;
		justify-content: space-between;
    
    .record-title {
      font-size: 32rpx;
      font-weight: bold;
      color: #333;
    }
  }
  
  .record-content {
    .record-desc {
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 20rpx;
      display: block;
      word-break: break-all;
    }
    
    .info-row {
      display: flex;
      margin-bottom: 12rpx;
      font-size: 26rpx;
      
      .info-label {
        color: #999;
        width: 150rpx;
        flex-shrink: 0;
      }
      
      .info-value {
        color: #333;
        flex: 1;
      }
    }
  }
}

.wechat-user {
  padding: 30rpx 0;
  text-align: right;
  font-size: 26rpx;
  color: #999;
}
</style>